import Link from 'next/link'

export function Footer() {
  return (
    <footer className="bg-[#ff5c5c] py-8 md:py-12">
      <div className="container mx-auto px-4 md:px-6">
        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
          <div>
            <h3 className="text-lg font-semibold mb-4">RedGrowth</h3>
          </div>
          {/* <div>
            <h3 className="text-lg font-semibold mb-4">Resources</h3>
            <ul className="space-y-2 text-gray-200">
              <li>
                <Link href="#">Blog</Link>
              </li>
            </ul>
          </div> */}
          <div>
            <h3 className="text-lg font-semibold mb-4">Legal</h3>
            <ul className="space-y-2 text-gray-200">
              <li>
                <Link href="/terms">Terms of Service</Link>
              </li>
              <li>
                <Link href="/privacy">Privacy Policy</Link>
              </li>
            </ul>
          </div>
          <div>
            <h3 className="text-lg font-semibold mb-4">Contact</h3>
            <ul className="space-y-2 text-gray-200">
              <li>
                <a href="mailto:admin@redgrowth.app">admin@redgrowth.app</a>
              </li>
            </ul>
          </div>
          {/* <div>
            <h3 className="text-lg font-semibold mb-4">Compare</h3>
            <ul className="space-y-2 text-gray-200">
              <li>
                <Link href="/compare/replyguy">ReplyGuy</Link>
              </li>
              <li>
                <Link href="/compare/replyhub">Replyhub</Link>
              </li>
            </ul>
          </div> */}
        </div>
        <div className="mt-8 text-center text-gray-200 text-sm">© 2024 RedGrowth. All rights reserved.</div>
      </div>
    </footer>
  )
}
